<template>
  <div class="container">
    <headComponent></headComponent>
    <div class="panel-body">
      <div class="row" style="margin-top: 120px;">
        <div class="col-xs-4 text-center" >
          <div style="font-size: 15px;" >寻物启事</div>
          <div style="font-size: 50px;font-weight: bold;margin-top: 20px;">100</div>
        </div>
        <div class="col-xs-4 text-center" style="border-left-style: solid;border-left-width: 2px;border-left-color: #E4E4E4;">
          <div style="font-size: 15px">招领启事</div>
          <div style="font-size: 50px;font-weight: bold;margin-top: 20px;">80</div>
        </div>
        <div class="col-xs-4 text-center" style="border-left-style: solid;border-left-width: 2px;border-left-color: #E4E4E4;">
          <div style="font-size: 15px">已完成的数量</div>
          <div style="font-size: 50px;font-weight: bold;margin-top: 20px;">800</div>
        </div>
      </div>
      <div style="font-size: 25px;font-weight: bold;margin-top: 100px;">
        <span class="glyphicon glyphicon-send"></span>&nbsp;&nbsp;&nbsp;排行榜
      </div>
      <div class="table-responsive text-center" style="margin-top: 40px;">
        <table class="table" style="font-size: 20px;">
          <thead>
          <tr>
            <th>排名</th>
            <th>姓名</th>
            <th>分数</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>1</td>
            <td>胡玉彬</td>
            <td>50</td>
          </tr>
          <tr>
            <td>2</td>
            <td>叶德辉</td>
            <td>48</td>
          </tr>
          <tr>
            <td>3</td>
            <td>黄世辉</td>
            <td>45</td>
          </tr>
          <tr>
            <td>4</td>
            <td>{{account}}</td>
            <td>0</td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>

  </div>


</template>

<script>
  export default {
        name: 'firstPage',
        data(){
          return{
            account:'6546'
          }
        },
    created() {
          this.account=window.localStorage.getItem('account')
    },
    methods: {
      updateMessage(value) {
        console.log(this.account)
        this.account=value
        console.log(this.account)
      },
      },


  }
</script>

<style scoped>

</style>
